// 这个文件是系统默认产生的，用于配置路由
import Vue from 'vue'
import Router from 'vue-router'
// 通过路由规则，将组件导入到根组件中,小心路径
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'

Vue.use(Router)
// 此处不直接export导出，是因为要用到路由对象，要有名字
 const router=new Router({
  routes: [
    {path:'/',redirect:'/login'},
    // 当用户访问这个地址时，把这个组件展示出来
    { path: '/login', component: Login},
    { path:'/home', component: Home}
    
  ]
}
)

// 挂载路由导航守卫
router.beforeEach((to,from,next )=> {
  // next()是直接放行，next（‘/’）是强制跳转到指定页面
  if(to.path==='/login') return next();
  const tokenStr=window.sessionStorage.getItem('token');
  // 判断如果tokenStr不存在
  if(!tokenStr) return next('/login');
  next();
})

export default router